<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>静夜思</title>
		<style>
			.r{
				text-align: center;
			}
			.a{
				text-decoration: none;
				color: goldenrod;
			}
			.b{
				text-align: center;
			}
			.c{
				width: 200px;
				height: 100px;
				background-color: red;
			}
			.d{
				width: 200px;
				height: 100px;
				background-color: blue;
			}
			.e{
				text-align: center;
				color: aqua;
			}
			.t{
				text-align: center;
				color: rosybrown;
			}
			.y{
				text-align: center;
				color: blue;
			}
		</style>
	</head>
	<body class="f">
		<h3 class="r">《静夜思》</h3><!--h3标签命名r加入css样式--><hr>
		<p class="y">李白</p><!--p段落标签换行命名r加入css样式--><hr>
		<div class="e">床前明月光，疑是地上霜。<hr></div><!--div盒子标签和br标签，使用&nbsp空格调整，命名r加入css样式-->
		<div class="t">举头望明月，低头思故乡。<hr>
		</div><!--div盒子标签使用&nbsp空格调整命名r加入css样式-->
		<div class="b"><a href="https://baike.baidu.com/item/%E9%9D%99%E5%A4%9C%E6%80%9D/214" class="a">>>详细注解请点击此处可跳转<<</a></div>
		<div class="c"></div>
		<div class="d"></div>
	</body>
</html>